<template>
	<view class="home hv100  clearfix ">
		<cu-custom bgColor="bg-white" isBack>
			<view slot="content">系统公告</view>
		</cu-custom>
		<view class="flex align-center mx15 px15 pl20 bg-white mt10 radius-5 box-shadow py15" v-for="(item,index) in infolist" @click="pushPage('/pages/user/article?id='+item.articleId)" :key="index">
			<view class="flex flex-direction mwxs">
				<text class="fwb text-black f16">{{item.year}}</text>
				<text class="fwb text-black f16 mt5">{{item.day}}</text>
			</view>
			<view class="flex flex-direction system-box ml20">
				<view class="fwb text-black f16">{{item.title}}</view>
				<view class="mt15 lh16 text-six">{{item.abstract}}</view>
			</view>
		</view>
	</view>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
	data() {
		return {
			page:1,
			finish:false,
			infolist:[
				{info:'APP系统升级，升级时间为2020年5月23日14：30-5月24日14：30，升级期间app暂时不可使用，如有紧急问题请及时'},
				{info:'APP系统升级，升级时间为2020年5月23日14：30-5月24日14：30，升级期间app暂时不可使用，如有紧急问题请及时'},
			]
		}
	},
	onLoad(e) {
		this.getInfo()
	},
	computed: {
		...mapState(['baseURL'])
	},
	onReachBottom() {
		//this.getData()
	},
	methods: {
		...mapActions(['setLocale']),
		
		async getInfo() {
			//if (this.finish) return
			let {data} = await this.$http.post('user.systeam', {}, { tipConfig: { storeBlock: true } })
			//this.finish = list.length < 10
			//!this.finish && (this.page += 1)
			//this.infolist = [...this.infolist, ...list]
			this.infolist =data
			this.infolist.forEach(item => {
				item.year=item.addTime.slice(0,4)
				item.day=item.addTime.slice(5,10)
			})
		},
		clearinfo(){
			this.page=1
			this.finish=false
			this.infolist=[]
		},
		delinfo(item,index){
			
		},
	}
}
</script>
<style lang="less">
.del-pic{
	width: 30rpx;
	height: 35rpx;
}
.mx15{
	margin-left: 30rpx;
	margin-right: 30rpx;
}
.system-box{
	width: calc(100% - 120rpx);
}
.text-six{
	color: #666666;
}
.mwxs{
	width:90rpx ;
}
</style>
